<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-scalable=0" />
<title></title>
<link type="text/css" rel="stylesheet" href="css/style.css">
</head>

<body>
<div class="headerbox">
  <img src="images/banner.jpg" class="bg">
  <div class="topBox">
    <div style="display:flex; padding:0 15px">
      <div class="L"><img src="images/ss.png"><input name="" type="text" placeholder="请输入您要搜索的课程"></div>
      <div class="R"><img src="images/sc.png"></div>
    </div>
  </div>
</div>
<div class="clear"></div>
<div class="typebox">
  <ul>
    <li><img src="images/icon_3.jpg"><p>课程直播</p></li>
    <li><img src="images/icon_1.jpg"><p>学员练习</p></li>
    <li><img src="images/icon_2.jpg"><p>课程安排</p></li>
    <li><img src="images/icon_4.jpg"><p>历史观看</p></li>
  </ul>
</div>
<div class="clear"></div>
<div class="allbox"></div>
<div class="clear"></div>
<div class="courseBox">
  <div class="titbox">
    <img src="images/icon.png"><p>最新推荐</p><img src="images/go.png">
  </div>
  <ul class="ul_1">
    <li>
      <img src="images/1.jpg">
      <div class="tit">UI设计法则-名师直播课</div>
      <div class="price">￥3000<span>588人购买</span></div>
    </li>
    <li>
      <img src="images/1.jpg">
      <div class="tit">UI设计法则-名师直播课</div>
      <div class="price">￥3000<span>588人购买</span></div>
    </li>
  </ul>
  <div class="titbox">
    <img src="images/icon1.png"><p>我的课程</p><img src="images/go.png">
  </div>
  <ul class="ul_1">
    <li>
      <img src="images/1.jpg">
      <div class="tit">UI设计法则-名师直播课</div>
      <div class="price">￥3000<span>588人购买</span></div>
    </li>
    <li>
      <img src="images/1.jpg">
      <div class="tit">UI设计法则-名师直播课</div>
      <div class="price">￥3000<span>588人购买</span></div>
    </li>
  </ul>
  <div class="titbox">
    <img src="images/icon2.png"><p>优选课程</p><img src="images/go.png">
  </div>
  <ul class="ul_2">
    <li>
      <div class="L"><img src="images/2.jpg"></div>
      <div class="R">
        <div class="tit">UI设计法则-名师直播课</div>
        <div class="sub">适合想了解UI的学生</div>
        <div class="pri">5000.00元<a href="">立即报名</a></div>
      </div>
    </li>
    <li>
      <div class="L"><img src="images/2.jpg"></div>
      <div class="R">
        <div class="tit">UI设计法则-名师直播课</div>
        <div class="sub">适合想了解UI的学生</div>
        <div class="pri">5000.00元<a href="">立即报名</a></div>
      </div>
    </li>
    <li>
      <div class="L"><img src="images/2.jpg"></div>
      <div class="R">
        <div class="tit">UI设计法则-名师直播课</div>
        <div class="sub">适合想了解UI的学生</div>
        <div class="pri">5000.00元<a href="">立即报名</a></div>
      </div>
    </li>
  </ul>
</div>
<div class="h54"></div>
<div class="clear"></div>
<div class="footerBox">
  <div class="footer">
    <ul>
      <li class="on">
        <a href="index.html">
        <img src="images/f01.png">
        <p>首页</p>
        </a>
      </li>
      <li>
        <a href="video.html">
        <img src="images/f3.png">
        <p>直播</p>
        </a>
      </li>
      <li>
        <a href="course.html">
        <img src="images/f5.png">
        <p>课程</p>
        </a>
      </li>
      <li>
        <a href="subscribe.html">
        <img src="images/f2.png">
        <p>订阅</p>
        </a>
      </li>
      <li>
        <a href="my.html">
        <img src="images/f4.png">
        <p>我的</p>
        </a>
      </li>
    </ul>
  </div>
</div>
</body>
</html>
